<template>
    <div>
        <el-dialog :title="title" :visible="dialogFormVisible" :show-close="false" width="80%">
            <el-table border :data="historyList">
                <el-table-column label="序号" type="index" align="center" width="50"/>
                <el-table-column label="任务名称" align="center" prop="activityName" :show-overflow-tooltip="true"/>
                <el-table-column label="处理人" align="center" prop="assignee"/>
                <el-table-column label="处理人姓名" align="center" prop="assigneeName"/>
                <el-table-column label="审批意见" align="center" prop="comment" :show-overflow-tooltip="true"/>
                <el-table-column label="开始时间" align="center" prop="startTime" width="160"/>
                <el-table-column label="结束时间" align="center" prop="endTime" width="160"/>
                <el-table-column label="耗时" align="center" prop="durationInMillis" width="160">
                    <template slot-scope="scope">
                        <span>{{ getDuration(scope.row.durationInMillis) }}</span>
                    </template>
                </el-table-column>
            </el-table>
            <div slot="footer" class="dialog-footer">
                <el-button type="primary" @click="$emit('cancel');">返&nbsp;&nbsp;回</el-button>
            </div>
        </el-dialog>
    </div>
</template>
<script>
    export default {
        name: "processListHistory",
        props: {
            dialogFormVisible: Boolean,
            title: String,
            historyList: Array
        },
        data() {
            return {};
        },
        methods: {}
    }
</script>

<style scoped>

</style>
